<template>
	<view>
		<view class="auth">
			<view class="head">
				<u-icon name="weixin-circle-fill" size="200" class="ico"></u-icon>
			</view>
			<view class="body">
				<view class="text-title"><text>您正在进行微信登录操作</text></view>
				<view class="text-tips"><text>请在下方输入昵称后完成注册</text></view>
				<!-- <view class="text-tips"><text>点击下方“获取验证码”按钮获取验证短信，短信将发送至{{model.mobile}}，请在下方输入昵称与验证码。</text></view> -->
				<view class="u-p-t-30 u-p-b-30 u-m-t-60" style="border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;">
					<view class="u-flex">
						<view class="u-w-100">昵称</view>
						<input type="nickname" placeholder="请输入昵称" v-model="model.name" class="u-text-right u-flex-1"/>
					</view>
				</view>
				<!-- <view class="u-p-t-30">
					<u-message-input mode="bottomLine" active-color="#10beca" @finish="finish"></u-message-input>
				</view> -->
			</view>
			<view class="u-m-b-30">
				<u-button class="authbtn" type="primary" @click="submit">注册并绑定微信</u-button>
			</view>
			<!-- <view>
				<u-button class="authbtn" @click="getCode">{{tips}}</u-button>
			</view> -->
		</view>
		<!-- <slider-verify :isShow="sliderVerifyFLag" @touchSliderResult="verifyResult" @refresh="refresh" @close="close"
			:pintuImg="pintuImg" :pintukuai="pintukuai" :ynumber="ynumber" ref="verifyElement"></slider-verify>
		<u-verification-code :seconds="seconds" @start="start" ref="uCode" @change="codeChange">
		</u-verification-code>
		<u-toast ref="uToast"></u-toast> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 滑块验证参数
				sliderVerifyFLag: false,
				pintuImg: '',
				pintukuai: '',
				ynumber: 0,
				// 注册参数
				model: {
					name: '',
					mobile: '',
					// captcha: '',
					regEnt: false, //false为个人注册 true为客户组注册
					openid: ''
					// guid: '',
				},
				tips: '',
				seconds: 60,
				//注册接口
				// api: '/User/Account/WXReg'
			}
		},
		onLoad(opt) {
			if(opt){
				this.model.mobile = opt.mobile
				this.model.openid = opt.openid
			}
			// this.getCode()
			console.log(this.model.mobile)
		},
		methods: {
			// finish(e) {
			// 	console.log('输入结束，当前值为：' + e);
			// 	this.model.captcha = e
			// 	// this.model.name = '用户'+ this.$u.guid(10)
			// 	this.submit()
			// },
			// // 获取滑块验证信息
			// getSlideCaptch() {
			// 	this.$u.get('/SlideCaptcha/GetSlideCaptcha').then((res) => {
			// 		this.pintuImg = res.src1
			// 		this.pintukuai = res.src2
			// 		this.ynumber = res.ynumber
			// 		this.model.guid = res.guidid
			// 		this.sliderVerifyFLag = true
			// 	})
			// },
			// // 滑块验证结果回调函数
			// verifyResult(oldx) {
			// 	this.model.captcha = Math.round(oldx);
			// 	this.decideCode()
			// },
			// // 关闭滑块验证弹窗
			// close(state) {
			// 	this.sliderVerifyFLag = state
			// },
			// // 刷新滑块验证
			// refresh(state) {
			// 	if (state) {
			// 		this.getSlideCaptch();
			// 	}
			// },
			// getCode() {
			// 	if (this.$refs.uCode.canGetCode) {
			// 		this.getSlideCaptch()
			// 	}
			// },
			// // 验证码确定
			// decideCode() {
			// 	// if (this.$refs.uCode.canGetCode) {
			// 		// 模拟向后端请求验证码
			// 		uni.showLoading({
			// 			title: '正在获取验证码'
			// 		})
			// 		this.$u.get('/User/Account/SendRegisterCaptcha?mobile=' + this.model.mobile + '&guid=' + this.model.guid +
			// 			'&countresult=' + this.model.captcha).then((res) => {
			// 			if (res) {
			// 				this.sliderVerifyFLag = false;
			// 				this.model.captcha = ""
			// 				uni.hideLoading();
			// 				// 这里此提示会被this.start()方法中的提示覆盖
			// 				this.$u.toast('验证码已发送');
			// 				// 通知验证码组件内部开始倒计时
			// 				this.$refs.uCode.start();
			
			// 			} else {
			// 				this.getSlideCaptch();
			// 			}
			// 		}).catch((res) => {
			// 			this.$refs.verifyElement.refreshVerify();
			// 			this.model.captcha = "";
			// 		})
			// 	// }
			// },
			// codeChange(text) {
			// 	this.tips = text;
			// },
			// start() {
			// 	this.$u.toast('验证码已发送，请稍后');
			// },
			submit() {
				if(this.model.name == ''){
					uni.showToast({
						title: '请填写昵称',
						icon:'none'
					})
					return 
				}
				this.$u.post('/User/Account/WXReg', this.model).then(res => {
					console.log(res)
					uni.showToast({
						title: '注册成功'
					})
					this.$u.vuex('Authorization', res.token.token)
					this.$u.vuex('exp', res.token.exp)
					this.$u.vuex('userdetail', {
						enterpriseid: res.token.enterpriseid,
						userid: res.token.userid
					})
					
					setTimeout(() => {
						uni.switchTab({
							url: '/pages/index/index'
						})
					}, 1000)
				}).catch((error) => {
	
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.auth {
		padding: 60rpx;

		.head {
			text-align: center;
			padding-bottom: 60rpx;

			.ico {
				color: $u-color-green;
			}
		}

		.body {
			border-top: 1px solid #e6e6e6;
			padding: 60rpx 0;
			font-size: 32rpx;

			.text-title {
				color: #000;
				padding-bottom: 20rpx;
			}

			.text-tips {
				color: $u-color-grey;
			}
		}
	}
</style>
